import {View, Text, Image} from 'react-native';
import React from 'react';
//导入服务器上图片，该图片就会被Webpack打包入App安装文件中
//Webpack支持四种文件导入语法：CJS/ES6/AMD/CMD
let logo1 = require('../img/logo.png'); //CommonJS
import logo2 from '../img/logo.png'; //ES6

export default function Login() {
  return (
    <View>
      {/* F1：顶部LOGO图片 */}
      {/* 使用手机本地图片(即打包安装在手机中的图片) */}
      <Image source={logo1} />
      <Image source={logo2} />
      <Image source={require('../img/logo.png')} />
      {/* 使用远程图片——必须手工指定宽和高，否则默认值都是0 */}
      <Image
        style={{width: 200, height: 200}}
        source={{
          uri: 'https://cdn.tmooc.cn/tmooc-web/css/img/img_index_lty05.png',
        }}
      />
      {/* F2：手机号输入框组 */}
      {/* F3：密码输入框组 */}
      {/* F4：登录按钮 */}
      {/* F5：忘记密码 */}
      <Text>Login2</Text>
    </View>
  );
}
